<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="content-style-type" content="text/css">
  <meta name="description" content="見たまま編集できるCMS「見たままCMS」のプロタイプ版です。">
  <meta name="keywords" content="CMS, 見たまま, きむらしのぶ">
  <link rel="stylesheet" href="blue.css" type="text/css">
  <title>見たままCMS プロトタイプ版</title>
  <script src="prototype-1.6.0.2.js"></script>
<script>

function update_contents(div, pars) {
  //alert(pars);
  var url = 'proxy.rb';
  var myAjax = new Ajax.Updater(
    div, 
    url, 
    {
      method: 'post', 
      parameters: pars
      //onComplete: 
    }
  );
  //$(div).innerHTML = div;
  //alert(pars);
  //$(div).innerHTML = "<p align='center'>只今、データを読み込んでいます。<br>しばらくお待ち下さい。</p>";
}

function update_contents_by_form(div, fm) {
  //alert(div);
  pars = Form.serialize(fm);
  update_contents(div, pars);
  update_sidebar();
}

function update_sidebar() {
  pars = "mode=sidebar";
  div = "sidebar";
  update_contents(div, pars);
}

function change_display(id) {
  if(document.getElementById(id).style.display == 'none'){
    document.getElementById(id).style.display = 'block';
  }else{
    document.getElementById(id).style.display = 'none';
  }
}

function set_display_block(id) {
    document.getElementById(id).style.display = 'block';
}

</script>
</head>
<body>

<div id="header">
  <div id="title">
    <div class="main">見たままCMS プロトタイプ版</div>
    <div class="sub">数ある既存のCMSの中でどう光る?</div>
  </div>
  <div id="menu"><a href="index.html">トップページ</a>
 | <a href="usage.html">使い方</a>
 | <a href="history.html">更新履歴</a>
 | <a href="test.html">動作確認用(自由に編集して下さい)</a>
 | <a href="request.html">要望</a>
</div>
</div>

<div id="body">
  <div id="sidebar"><div class="item">
  <div class="contents"><a href="./items.rb?c=4">記事の編集用ページ</a><br />
<a href="./test.html">記事の閲覧用ページ</a><br /></div>

</div>
<div class="item">
  <div class="contents"><p>全ページ共通で表示したい内容や広告(アフィリエイトなど)で使用できるかなと考えて用意してあります。</p>
<p>記事と同等のデータを使用しているので、サイドバーから外して記事に組み込みたい場合などは、分類をサイドバーから通常のページへ選択することで、すぐに切替が可能となっています。</p></div>

</div>
<div class="item">
  <div class="contents">こんな感じで、長い文章を入れてみるとどうなるのでしょうか。</div>

</div>
</div>
  <div id="main"><div class='title'>非表示ページ</div><div class="item" id="item_43">
  <div class="title">サンプル</div>
<div class="contents">これはサンプルです。</div>
<div class="foot">2009-08-03</div>

</div>
</div>
</div>

<div id="foot">
  <div class="item">Copyright (c) 2009 きむらしのぶ all rights reserved.</div>
</div>

</body>
</html>
